import {mapGetters} from 'vuex'

// 导入一个mixin对象
export default{
  computed:{
    ...mapGetters('m_cart',['total'])
  },
  onShow(){
    // 页面刚展示的时候，设置数字徽标
    // this.setBadge()
    if(this.total == 0){
    this.hideBadge()
    }else{
       this.setBadge()
    }
  },
  watch:{
    // 监听total值，调用methods里的setbadge方法，为tabar的数字徽章赋值
    total(){
      if(this.total == 0){
      this.hideBadge()
      }else{
         this.setBadge()
      }
    }
  },
  methods:{
    setBadge(){
       // 调用 uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
       uni.setTabBarBadge({
         index:2,//索引
         // 只能加字符串不能加数字，所以在后面加 ''
         text: this.total + ''
       })
    },
    hideBadge(){
      uni.removeTabBarBadge({
        index:2
      })
    }
  }
}